﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>中南大学自动化学院模型管理平台</title>
    <link rel="icon" type="image/x-icon" href="./favicon.ico" />
    <script type="text/javascript">
        // 检测浏览器版本
        (function () {
            var version = ieVer();
            if (version < 9) {
                location.href = "./static/version.html";
            }
            function ieVer() {
                var userAgent = navigator.userAgent;
                var isOpera = userAgent.indexOf("Opera") > -1;
                var isIE =
                    userAgent.indexOf("compatible") > -1 &&
                    userAgent.indexOf("MSIE") > -1 &&
                    !isOpera;
                if (isIE) {
                    var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
                    reIE.test(userAgent);
                    var IEVersion = parseFloat(RegExp["$1"]);
                    return Math.floor(IEVersion);
                }

                return Infinity;
            }
        })();
    </script>
    <link type="text/css" rel="stylesheet" href="./css/reset.css" />
    <link type="text/css" rel="stylesheet" href="./css/bootstrap.min.css" />
    <link type="text/css" rel="stylesheet" href="./css/folders.css" />
    <script>
        var now = new Date().getTime();
        document.write(
            '<link href="./css/index2.css?v=' +
            now +
            '" rel="stylesheet" type="text/css"/>'
        );
    </script>
    <script type="text/javascript" src="./js/jquery.1.10.2.js"></script>
    <script type="text/javascript" src="../Scripts/bootstrap.min.js"></script>
    <script type="text/javascript" src="./js/vue.min.2.5.13.js"></script>
    <script src="./js/folders.js"></script>
    <script src="./js/utils.js"></script>
</head>
<body style="background-color: #f9f9f9;">
    <div id="app">
        <template>
            <div id="top">
                <div class="wid">
                    <div id="logo">
                        <a href="./index.html"></a>
                        <h1>
                            <a href="./index.html" style="font-size: 21px;">自动化学院模型管理平台</a>
                        </h1>
                    </div>
                    <div id="nav">
                        <ul>
                            <li>
                                <img src="./images/yishoulu.png" alt="" class="left" />
                                <div class="right">
                                    <span class="num">{{statistics.projectSum}}</span><span class="name">已收录数据</span>
                                </div>
                            </li>
                            <li>
                                <img src="./images/shuju.png" alt="" class="left" />
                                <div class="right">
                                    <span class="num">{{statistics.todaySum}}</span><span class="name">今日收录</span>
                                </div>
                            </li>
                            <li>
                                <img src="./images/chaxun.png" alt="" class="left" />
                                <div class="right">
                                    <span class="num">{{statistics.browseSum}}</span><span class="name">总浏览量</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div id="logoright">
                        <div id="nologinbox" v-if="!userName">
                            <a href="./login.html" class="on" rel="nofollow">登录</a><span>|</span><a href="./reg.html" rel="nofollow">注册</a>
                        </div>
                        <div id="nologinbox" v-else>
                            <span>{{userName}}</span>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
            <div id="main">
                <ol class="breadcrumb">
                    <li><a href="./index.html">首页</a></li>
                    <li class="active">项目总览</li>
                </ol>
                <span style="float: right; margin-right: 10px; cursor: pointer;"
                      @click="handleNewFolderClick">新建项目</span>
                <h3>项目总览</h3>
                <table class="table table-bordered table-striped folder-table">
                    <tr>
                        <th>名称</th>
                        <th>创建时间</th>
                        <th>修改时间</th>
                        <th>模型数量</th>
                    </tr>
                    <tr v-for="index in dataList">
                        <td><a :href="'/code/folder.html?id=' + index.Id + '&foldersPage=' + cur">{{index.Name}}</a></td>
                        <td>{{index.Create_Time}}</td>
                        <td>{{index.Modify_Time}}</td>
                        <td>{{index.Num_Projects}}</td>
                    </tr>
                </table>
                <div class="mtop10" id="pageline">
                    <a class="pprev" v-if="cur>1" @click="cur--,pageClick()">上一页</a>
                    <span class="pprev" v-if="cur==1">上一页</span>
                    <a v-for="index in indexs" :class="{ 'current': cur == index}" style="cursor: pointer;" @click="pageClick(index)">{{index}}</a>
                    <a v-if="cur!=allNum" @click="cur++,pageClick()" class="pnext">下一页</a>
                    <span class="pprev" v-if="cur == allNum">下一页</span>
                </div>
            </div>
            <div id="newFolderModal" class="modal fade" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                            <h4>新建项目</h4>
                        </div>
                        <div class="modal-body">
                            <form class="form-horizontal">
                                <div class="form-group">
                                    <label for="folderName" class="col-sm-2 control-label">项目名称</label>
                                    <div class="col-sm-10">
                                        <input v-model="projectName" type="text" class="form-control" id="folderName" placeholder="项目名称">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="folderDescription" class="col-sm-2 control-label">项目简介</label>
                                    <div class="col-sm-10">
                                        <textarea v-model="projectDescription"
                                                  id="folderDescription"
                                                  class="form-control"
                                                  rows="3"
                                                  placeholder="项目简介">
                                    </textarea>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" @click="handleNewFolderModalClose">取消</button>
                            <button type="button" class="btn btn-primary" @click="handleNewFolderModalConfirm">确定</button>
                        </div>
                    </div>
                </div>
            </div>
        </template>
    </div>
    <script src="./js/widget.js"></script>
    <div class="wid" id="foot2">
        <div class="wid2">
            <p class="clear mtop15 mcenter">
                © 2020-
                <script>
          var year = new Date().getFullYear();
          document.write(year);
                </script> <a href="http://soa.csu.edu.cn/" target="_blank" style="color:#999;display: inline;">中南大学自动化学院</a> 版权所有 <span>
                    <a href="http://www.beian.miit.gov.cn" target="_blank" style="color:#999;display: inline;">湘ICP备05005659号-1 </a>　湘教QS3-200505-000204
                </span>
            </p>
        </div>
    </div>
</body>
</html>